import React from 'react'
import RightSidebarPage from '../../containers/RightSidebarPage/RightSidebarPage'
import {Outlet} from 'react-router-dom'

export default function BodyHomePage() {
    return (
        <div className='BodyHomePage'>
            <div className="container text-center">
                <div className="row">
                    <div className="col"></div>
                    {/* 主体按三栏划分中间分配1500px的宽度 */}
                    <div className="col-6 " style={{width: 1500}}>
                        <div className="container text-center">
                            <div className="row">
                                {/* 主页的主体部分 */}
                                <div className="col-sm-8 shadow p-3 mb-5 bg-body-tertiary rounded">
                                    <Outlet/>
                                </div>
                                {/* 右侧导航栏 */}
                                <div className="col-sm-4" style={{maxWidth: 400, float: "float"}}>
                                    <RightSidebarPage/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}
